<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<title>Akvareli - Sonja Nestorović</title>

<link type="text/css" rel="stylesheet" href="css/mainstyle.css">
<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />

<script src="js/jquery-1.5.min.js" type="text/javascript"></script>
<script src="js/jquery.lightbox-0.5.min.js" type="text/javascript"></script>
<script src="js/jquery.tinycarousel.min.js" type="text/javascript"></script>
<script src="js/jquery.dateFormat-1.0.js" type="text/javascript"></script>
<script src="js/jquery.sashopping.js" type="text/javascript"></script>

<script type="text/javascript">
	$(document).ready(function() {

	  	//if (jQuery.browser.webkit && document.readyState != "complete"){
		//    setTimeout( arguments.callee, 200 );
		//    return;
		//} 
		// hack: wait to load images for safari & chrome...
	  	
	  	// ...
    	$(".viewport").products({
    			hideTitle: true,
    			hidePrice: true,
    			hostId: "www.akvarel.si"
    		}, function() 
    			{    		
					// apply lightbox...    			
					$('.overview a').lightBox({
						txtImage: 'Akvarel',
						txtOf: 'od',
						imageBtnClose: 'images/close.png',
						imageBtnPrev: 'images/prevsmall.png',
						imageBtnNext: 'images/nextsmall.png',
						overlayOpacity: 0.6
					});
					
					setTimeout(function() {
						$('#slider-code').tinycarousel({
							pager: false,
							display: 2
						});						
					}, 1000);
    			});		
	});
</script>	

<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
	<link media="screen" rel="stylesheet" href="css/ie.css">
<![endif]-->

</head>

<body>

<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
<noscript>
<div
	style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
Your web browser must have JavaScript enabled in order for this
application to display correctly.</div>
</noscript>

	<div class="wrapper">

		<header>
			<h1>Akvareli</h1>
			<h2>Sonja Nestorović</h2>
		</header>

		<div id="content">
			<div id="slider-code">	
				<a class="buttons prev" href="#"></a>
				
				<div class="viewport">
					<ul class="overview">
					<!--
						<li class="product">
							<a href="images/image0.png" title="Pomladanski pejsaž "><img class="product-image" src="images/image0_thumb.png" ></a>
						</li>
					-->
					</ul>
				</div>
				<a class="buttons next" href="#"></a>
				<!-- 
				<ul class="pager">
			        <li><a rel="0" class="pagenum" href="#">1</a></li>
			    </ul>
				 -->
			</div>
		
		</div>
		
		<div class="push"></div>
		
	</div>
		
	<footer>
		<div class="footerContent">
			<p>Copyright &copy;2011 <a href="http://www.spletart.si">Spletart</a>. Oblikovanje in razvoj <a href="mailto:admin@spletart.com">spletart.si</a>.</p>
			<div class="navLinks">
				<ul>
					<li>
						<a href="">Akvareli</a>
						<span> | </span>
					</li>
					<li>
						<a href="store.html">Spletna trgovina*</a>
						<span> | </span>
					</li>
					<li class="last">
						<a href="">Sonja Nestorović</a>
					</li>
				</ul>
			</div>
		
		</div>
	</footer>
</body>
</html>
